import React from 'react';  
export default React.createClass({
    getInitialState: function () {
        return {              
        };
    },         
    render: function () {                            
        var data = this.props.data;   
        if (data)      
        var versions = [];
        var _this = this;
        _.each(this.state.versions, function(version, index){                
            versions.push(<VersionItem key={index} data={version}></VersionItem>)      
        });           
        return (
            <div className="tab-pane" id="activity">
                <h5>Today</h5>
                <section className="panel bor_shaw panel-body">
                    <div className="col-xs-3">
                        <img src="/img/avatar1.jpg" className="user_head"></img>
                    </div>
                    <div className="col-xs-9">
                        <div className="">
                            <h6>You created an item in</h6>
                            <h6>5:55 PM</h6>
                        </div>
                        <div className="menu_list">
                            <div className="p-top-bot">
                                <i className="fa fa-file-text-o fa-lg"></i>
                                1111211.pdf
                            </div>
                        </div>
                    </div>
                </section>
                <section className="panel bor_shaw panel-body">
                    <div className="col-xs-3">
                        <img src="/img/avatar1.jpg" className="user_head"></img>
                    </div>
                    <div className="col-xs-9">
                        <div className="">
                            <h6>You created an item in</h6>
                            <h6>5:55 PM</h6>
                        </div>
                        <div className="menu_list">
                            <div className="border-bot p-top-bot">
                                <i className="fa fa-folder fa-lg"></i>
                                1111211
                            </div>
                            <div className="border-bot m-left25 p-top-bot">
                                <i className="fa fa-folder fa-lg"></i>
                                1111211
                            </div>
                            <div className="m-left25 p-top-bot">
                                <i className="fa fa-folder fa-lg"></i>
                                1111211
                            </div>
                        </div>
                    </div>
                </section>
                <h5>No recorded activity before Nov 12.2011</h5>
            </div>            
        )
    }
});
    